<template>
	<view>
		<uni-popup ref="popupclear" type="center" :zIndex="999">
			<view class="popupts">
				<view class="tit">
					<image src="../../static/icon/ts.png" mode=""></image>
					取消规则
				</view>
				<view class="text">
					<view class="text_tit">
						订单取消规则：
					</view>
					<view class="t">
						1.下单后10分钟内可以取消订单； 
					</view>
					<view class="t">
						2.距离截止取餐时间至少5小时才能取消订单。
					</view>
				</view>
				<view class="ts">
					温馨提示
				</view>
				
				<view class="wez">
					您预定成功后，商家会为您预留您的餐品，其他客户不能抢购；如果您不能及时取走和食用，食物就浪费了，<span>超时未取的订单无法取消和退款。</span>
				</view>
				
				<view class="btn" @click="close">
					我知道了
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "clearts",
		data() {
			return {

			};
		},
		methods: {
			open() {
				this.$refs.popupclear.open()
			},
			close() {
				this.$refs.popupclear.close()
			}
		}

	}
</script>

<style lang="scss" scoped>
	.popupts {
		width: 630rpx;
		height: 660rpx;
		background: #FFFFFF;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		padding: 42rpx 26rpx;
		box-sizing: border-box;
		.tit{
			display: flex;
			align-items: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #000000;
			margin: 0 auto;
			width: 170rpx;
			image{
				width: 32rpx;
				height: 32rpx;
				margin-right: 10rpx;
			}
		}
		.text{
			height: 180rpx;
			background: #F3F3F3;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			margin: 20rpx auto;
			padding: 20rpx;
			box-sizing: border-box;
			.text_tit{
				text-align: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #000000;
				margin-bottom: 10rpx;
			}
			.t{
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: #000000;
				line-height: 46rpx;
			}
		}
		.ts{
			text-align: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #000000;
			margin-bottom: 10rpx;
		}
		.wez{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #979797;
			line-height: 40rpx;
			span{
				color: #29A85C;
			}
		}
		.btn{
			width: 240rpx;
			height: 92rpx;
			background: #000000;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 92rpx;
			text-align: center;
			margin: 40rpx auto;
		}
	}
</style>